<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-3.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

  <head>
    <title>Happy Birthday</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script src="assets/js/jquery.js"></script>
    <div th:remove="tag" th:include="navbar::head"></div>
  </head>

  <body>
	<div th:include="navbar::copy" th:remove="tag"></div>
	
	<div class="container">
    <div class="hero-unit">
        <h1>Happy Birthday to</h1>
        <h2>my wife,my love,my darling - Vina Q</h2>
        <p>This is a little for celebrating the birthday of my dear. She always wanted her own website before.</p>
        <br/>
        <p>The website is powered by <strong>GAE</strong> and <strong>Twitter Bootstrap</strong></p>
        <br/>
        <div class="row">
        	<div class="span3">
        		 <p><span class="label">Contact me though:</span></p>
        	</div>
        </div>
        <div class="row">
        	<div class="span2">
        		 <a class="btn btn-primary btn-large" href="http://weibo.com/derekyyc">My weibo &raquo;</a>
        	</div>
        	<div class="span2">
        		 
        		 <a class="btn btn-info btn-large" href="http://www.facebook.com/profile.php?id=100001515077769">My Facebook &raquo;</a>
        	</div>
        </div>
        <br/>
        <div class="row">
        	<div class="span2">
        		<a class="btn btn-warning btn-large" href="http://twitter.com/#!/derekYYC">My Twitter &raquo;</a>
        		
        	</div>
        	<div class="span2">
        		<a class="btn btn-danger btn-large" href="https://plus.google.com/u/1/100769364109461227477/posts">My Google+ &raquo;</a>
        	</div>
        </div>
        
      </div>
  
    </div>
  </body>
  
</html>

